<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/swiper-4.1.0.min.css">
</head>
<body>
<div class="header clearFix">
    <div class="scanning">
        <img src="img/pic01.png" alt="">
        <span>扫一扫</span>
    </div>
    <div class="search">
        <input type="text" placeholder="输入你想要的商品" id="search">
        <button></button>
    </div>
    <div class="theMessage">
        <img src="img/pic02.png" alt="">
        <span>消息</span>
    </div>
</div>

<div class="content">
    <div class="swiper-container">
        <div class="swiper-wrapper" style="text-align: center">
            <div class="swiper-slide"><img src="img/banner1.png" alt=""></div>
            <div class="swiper-slide"><img src="img/banner2.png" alt=""></div>
            <div class="swiper-slide"><img src="img/banner3.png" alt=""></div>
        </div>

        <div class="swiper-pagination clearFix"></div>
    </div>
    <ul class="myNav clearFix">
        <li>
            <a href="#">
                <img src="img/pic03.png" alt="">
                <span>拍卖</span>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="img/pic04.png" alt="">
                <span>领金币</span>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="img/pic05.png" alt="">
                <span>充值中心</span>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="img/pic06.png" alt="">
                <span>优惠券</span>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="img/pic07.png" alt="">
                <span>推荐</span>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="img/pic08.png" alt="">
                <span>积分</span>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="img/pic09.png" alt="">
                <span>个人中心</span>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="img/pic10.png" alt="">
                <span>分类</span>
            </a>
        </li>
    </ul>
    <div class="line"></div>
    <div class="timeLimit clearFix">
        <div class="left">
            <a href="#">
                <h6 class="title">限时抢购</h6>

                <p class="info">汇全网尖货 抢半价</p>

                <div class="timing clearFix" id="countDown">
                    <p>01</p><span></span>
                    <p>25</p><span></span>
                    <p>46</p>
                </div>
                <div class="proPic clearFix">
                    <img src="img/pic12.png" alt="">

                    <p><span>288元</span><span>限量抢</span></p>
                </div>
            </a>
        </div>
        <div class="right">
            <div class="top">
                <a href="#">
                    <h6>每日精选100款</h6>

                    <p>品质生活指南</p>
                    <img src="img/pic14.png" alt="">
                </a>
            </div>
            <div class="down">
                <a href="#">
                    <h6>免费拿好礼</h6>

                    <p>老白余额充值</p>
                    <img src="img/pic13.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <div class="line"></div>
    <div class="newTitleBackground">
        <div class="titleInfo">
            <p>New</p>
            <h6>新品上市</h6>
        </div>
    </div>
    <ul class="newPro clearFix" id="newPro">
        <li>
            <p class="hornPic"></p>
            <a href="pro_details.html">
                <img src="img/pic15.png" alt="">

                <p class="newInfo">奥朵灯饰水晶</p>

                <p class="newInfo">大气灯具</p>

                <p class="price">￥<span>299</span></p>
            </a>
            <button class="shopCartBtn"></button>
        </li>
        <li>
            <p class="hornPic"></p>
            <a href="pro_details.html">
                <img src="img/pic15.png" alt="">

                <p class="newInfo">奥朵灯饰水晶</p>

                <p class="newInfo">大气灯具</p>

                <p class="price">￥<span>299</span></p>
            </a>
            <button class="shopCartBtn"></button>
        </li>
        <li>
            <p class="hornPic"></p>
            <a href="pro_details.html">
                <img src="img/pic15.png" alt="">

                <p class="newInfo">奥朵灯饰水晶</p>

                <p class="newInfo">大气灯具</p>

                <p class="price">￥<span>299</span></p>
            </a>
            <button class="shopCartBtn"></button>
        </li>
        <li>
            <p class="hornPic"></p>
            <a href="pro_details.html">
                <img src="img/pic15.png" alt="">

                <p class="newInfo">奥朵灯饰水晶</p>

                <p class="newInfo">大气灯具</p>

                <p class="price">￥<span>299</span></p>
            </a>
            <button class="shopCartBtn"></button>
        </li>
        <li>
            <p class="hornPic"></p>
            <a href="pro_details.html">
                <img src="img/pic15.png" alt="">

                <p class="newInfo">奥朵灯饰水晶</p>

                <p class="newInfo">大气灯具</p>

                <p class="price">￥<span>299</span></p>
            </a>
            <button class="shopCartBtn"></button>
        </li>
        <li>
            <p class="hornPic"></p>
            <a href="pro_details.html">
                <img src="img/pic15.png" alt="">

                <p class="newInfo">奥朵灯饰水晶</p>

                <p class="newInfo">大气灯具</p>

                <p class="price">￥<span>299</span></p>
            </a>
            <button class="shopCartBtn"></button>
        </li>
    </ul>
    <div class="hotTitleBackground">
        <div class="titleInfo">
            <p>Hot</p>
            <h6>火热爆款</h6>
        </div>
    </div>
    <div class="hotPro">
        <div class="hotProTop clearFix">
            <div class="hotProFocus" id="hotProFocus">
                <a href="pro_details.html">
                    <img src="img/pic16.png" alt="">

                    <div class="Angle"></div>
                    <p class="hotProFocusInfo"><span>美式</span>创意吸顶灯具</p>

                    <div class="hotProPrice">
                        <p class="price">￥<span>999</span></p>

                        <p class="prompt">火爆价</p>
                    </div>
                </a>
            </div>
            <div class="hotProInfo" id="hotProInfo">
                <p class="hornPic"></p>
                <a href="pro_details.html">
                    <img src="img/pic15.png" alt="">

                    <p class="newInfo">奥朵灯饰水晶</p>

                    <p class="newInfo">大气灯具</p>

                    <p class="price">￥<span>299</span></p>
                </a>
                <button class="shopCartBtn"></button>
            </div>
        </div>
        <div class="hotProDown clearFix" id="hotProDown">
            <div class="hotProDownMain">
                <p class="hornPic"></p>
                <a href="#">
                    <img src="img/pic17.png" alt="">

                    <p class="newInfo">奥朵灯饰水晶</p>

                    <p class="price">￥<span>299</span></p>
                </a>
                <button class="shopCartBtn"></button>
            </div>
            <div class="hotProDownMain">
                <p class="hornPic"></p>
                <a href="#">
                    <img src="img/pic17.png" alt="">

                    <p class="newInfo">奥朵灯饰水晶</p>

                    <p class="price">￥<span>299</span></p>
                </a>
                <button class="shopCartBtn"></button>
            </div>
        </div>
    </div>
    <div class="likeTitleBackground">
        <div class="titleInfo">
            <p>like</p>
            <h6>猜你喜欢</h6>
        </div>
    </div>
    <div class="likePro" id="likePro">
        <div class="likeProList">
            <a class="clearFix" href="pro_details.html">
                <div class="Angle"></div>
                <img src="img/pic18.png" alt="">

                <p class="likeProInfo">北欧创意个性吊灯后现代简约LED服装咖啡馆店铺工作办公室餐厅灯</p>

                <p class="price">￥<span>325.00</span></p>
            </a>
        </div>
        <div class="likeProList">
            <a class="clearFix" href="pro_details.html">
                <div class="Angle"></div>
                <img src="img/pic18.png" alt="">

                <p class="likeProInfo">北欧创意个性吊灯后现代简约LED服装咖啡馆店铺工作办公室餐厅灯</p>

                <p class="price">￥<span>325.00</span></p>
            </a>
        </div>
        <div class="likeProList">
            <a class="clearFix" href="pro_details.html">
                <div class="Angle"></div>
                <img src="img/pic18.png" alt="">

                <p class="likeProInfo">北欧创意个性吊灯后现代简约LED服装咖啡馆店铺工作办公室餐厅灯</p>

                <p class="price">￥<span>325.00</span></p>
            </a>
        </div>
    </div>
</div>

<div class="footer">
    <ul class="footerNav clearFix">
        <li class="on">
            <a href="index.html">首页</a>

            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="pro_categories.html">分类</a>

            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="order.html">订单</a>

            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="user.html">我的</a>

            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
        <li>
            <a href="shop_cart.html">购物车</a>

            <div class="Angle"></div>
            <div class="exceeded"></div>
        </li>
    </ul>
</div>
<script src="lib/zepto.min.js"></script>
<script src="lib/touch.zepto.js"></script>
<script src="lib/swiper-3.4.2.min.js"></script>
<script src="lib/countDown.js"></script>
<script src="js/common.js"></script>
<script src="js/index.js"></script>
</body>
</html>